<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
	<title>My first Chartist Tests</title>
	<link rel="stylesheet" th:href="@{/css/chartist/chartist.min.css}">
	<script type="text/javascript" th:src="@{/ajax/libs/chartist/dist/chartist.min.js}"></script>
</head>
<body>
	<!-- Site content goes here !-->
	<div class="ct-chart ct-perfect-fourth"></div>
</body>
<script type="text/javascript">
new Chartist.Bar('.ct-chart', {
	  labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
	  series: [
	    [5, 4, 3, 7, 5, 10, 3],
	    [3, 2, 9, 5, 4, 6, 4]
	  ]
	}, {
	  axisX: {
	    // On the x-axis start means top and end means bottom
	    position: 'start'
	  },
	  axisY: {
	    // On the y-axis start means left and end means right
	    position: 'end'
	  }
	});

</script>
</html>
